{%extends file="user/page/layout.tpl"%}

{%block name="sub-head-static"%}
    {%require name="user:static/myrecord/myrecord.less"%}
    {%require name="user:static/myrecord/myrecord.js"%}
{%/block%}

{%block name="right-content"%}
    <div class="page-myrecord">
        <div class="block record-block">
            <div class="title">账户交易记录</div>
            <div class="line" style="margin-top:20px;">
                <div class="left">交易日期：</div>
                <div class="right">
                    <ul class="type-tab time-tab">
                        <li><a data-date-type='0'>全部</a></li>
                        <li><a class="active" data-date-type='1'>最近3天</a></li>
                        <li><a data-date-type='2'>最近1个月</a></li>
                        <li><a data-date-type='3'>最近3个月</a></li>
                        <li><a data-date-type='4'>最近6个月</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>

            <div class="line">
                <div class="left">交易类型：</div>
                <div class="right">
                    <ul class="type-tab trade-tab">
                        <li><a class="active" data-trade-type='0'>全部</a></li>
                        <li><a data-trade-type='1'>充值</a></li>
                        <li><a data-trade-type='2'>提现</a></li>
                        <li><a data-trade-type='3'>购买</a></li>
                        <li><a data-trade-type='4'>赎回</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>


            <div class="record-table">
                <hr>
                <hr>
                <table>
                    <thead>
                    <tr>
                        <td>单号</td>
                        <td>交易时间</td>
                        <!-- <td>产品类型</td> -->
                        <td>交易类型</td>
                        <td>金额</td>
                        <td>手续费</td>
                        <td>状态</td>
                        <td>可用余额</td>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
            <div class="record-pagination"></div>
        </div>
    </div>
{%/block%}